<html>
<head>
    <meta charset="UTF-8">
    <title>考勤</title>
</head>
<body>
<script type="text/javascript" src="./$.js"></script>
<script>
    require(['!this.js'], $$.load)
</script>
</body>
</html>
<template data-name="this.htm">
    <div>
        <head_top :head="menu_top"></head_top>
        <div class="contaniner">
            <div class="sidebar">
                <menu_child :nav_data="menu_child"></menu_child>
            </div>
            <div class="main-content">
                <div class="main">
                    <div class="tab-wrap">
                        <div class="main_hd no-tab">
                            <h2>人员管理</h2>
                        </div>
                    </div>
                    <div class="cf table-bar">
                        <div class="page_nav">
                            <a class="icon_goback" onclick="window.history.go(-1)">返回上一层</a>
                            <a class="icon_goback_text" onclick="window.history.go(-1)">人员管理</a>
                            <span class="gap">/</span> 详情
                        </div>
                    </div>
                    <div class="user-detail form-detail" v-if="data">
                        <div class="account_setting_area">
                            <h3 class="sub_title">公开资料</h3>
                            <ul>
                                <li class="account_setting_item wrp_pic_item_spe2"><h4>头像</h4>
                                    <div class="meta_content">
                                        <piclook name="pic" :data="data.avatar"></piclook>
                                    </div>
                                </li>
                                <li class="account_setting_item"><h4>姓名</h4>
                                    <div class="meta_content"> {{data.name}}</div>
                                </li>
                                <li class="account_setting_item"><h4>性别</h4>
                                    <div class="meta_content" v-if="data.gender==1">男</div>
                                    <div class="meta_content" v-else>女</div>
                                </li>
                                <li class="account_setting_item"><h4>微信号</h4>
                                    <div class="meta_content"> {{data.weixinid}}</div>
                                </li>
                                <li class="account_setting_item"><h4>手机号</h4>
                                    <div class="meta_content"> {{data.mobile}}</div>
                                </li>
                                <li class="account_setting_item"><h4>邮箱</h4>
                                    <div class="meta_content">{{data.email}}</div>
                                </li>
                                <li class="account_setting_item"><h4>状态</h4>
                                    <div class="meta_content" v-if="data.status==1">已关注</div>
                                    <div class="meta_content" v-else>未关注</div>
                                </li>
                                <li class="account_setting_item"><h4>所在部门</h4>
                                    <div class="meta_content">
                                        {{data.department}}
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <foot></foot>
    </div>
</template>
<script data-name="this.js">
    require('../$res/js/common');
    module.exports = {
        template: require('!this.htm'),
        components: {
            'foot': $$.foot,
            'piclook': require('../$res/component/picLook')
        },
        loaded: function () {
            $$.m = {
                data: false
            };
            $$.init_comps.head();
            $$.init_comps.menu();
            $$.toast.show();
            $$.public.get_detail('/sys/user/get', {uid: $$.c.query.access})
        }
    };
</script>